<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<title>活动</title>

<link href="css/index.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/awardRotate.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<!-- 弹出层 -->
	<div class="cover"></div>
	<div class="covers1">
		<div class="covers_quit">
			<img src="images/pop_up_quit_icon.png" alt="pop_up_quit_icon" />
		</div>
		<div class="covers_icon">
			<img src="images/task_draw_reward_free_img.png" alt="task_draw_reward_free_img" />
		</div>
		<div class="covers_font">恭喜您获得1次<span>免费</span>的机会</div>
		<div class="covers_btn">立即前往抽奖</div>
	</div>

	<div class="covers2">
		<div class="covers_quit">
			<img src="images/pop_up_quit_icon.png" alt="pop_up_quit_icon" />
		</div>
		<div class="covers_icon">
			<img src="images/task_draw_reward_gereward_img.png" alt="task_draw_reward_gereward_img" />
		</div>
		<div class="covers_font">恭喜您获得<span>10金币</span>奖励</div>
		<div class="covers_btn covers_btn1">支付200金币再抽一次</div>
		<a href="#rules_con_footer"><div class="covers_btn2">完成任务,免费抽奖</div></a>
	</div>

	<div class="covers3">
		<div class="covers_quit">
			<img src="images/pop_up_quit_icon.png" alt="pop_up_quit_icon" />
		</div>
		<div class="covers_icon">
			<img src="images/task_draw_reward_tip_img.png" alt="task_draw_reward_tip_img" />
		</div>
		<div class="covers_font">今天的免费机会已经用完</div>
		<div class="covers_btn covers_btn1">支付200金币再抽一次</div>
		<a href="#rules_con_footer"><div class="covers_btn2">完成任务,免费抽奖</div></a>
	</div>
	<!-- 收益 -->
	<a href="list.html"><div class="float_btn">抽奖收益</div></a>
	<!-- 抽奖转盘 -->
	<div class="turntable">
		<img class="turntablebg" src="images/task_draw_reward_default_bg.png" alt="turntableBg"/>
		<div class="rotate"><img id="rotate" src="images/task_draw_reward_bg.png"/></div>
		<div class="pointer"><img src="images/task_draw_reward_pointer.png"/></div>
		<div class="turntable_font">
			<div class="turn_font_left">
				<img src="images/task_draw_reward_coin_icon.png" alt="task_draw_reward_coin_icon"/>
				<span>剩余金币:</span>
				<font>123456</font>
			</div>
			<div class="turn_font_right">
				<img src="images/task_draw_reward_clock_icon.png" alt="task_draw_reward_clock_icon"/>
				<span>免费次数:</span>
				<font>1</font>
				<span>次</span>
			</div>
		</div>
	</div>

	<!-- task&rules -->
	<div class="taskRules">
		<div class="task">
			<div class="task_title">
				<img src="images/task_draw_reward_title_img.png" alt="task_draw_reward_title_img" />
			</div>
			<div class="task_read">
				<div class="task_r_name">阅读任务</div>
				<div class="task_con">
					<div class="task_con_icon">
						<div class="task_icon1">
							<div class="task_icon_already">
								<img src="images/task_draw_reward_status_bg2.png" alt="task_draw_reward_status_bg" />
							</div>
							<img src="images/task_draw_reward_green_img.png" alt="task_draw_reward_green_img" />
						</div>
						<div class="task_line"></div>
						<div class="task_icon2">
							<div class="task_icon_already">
								<img src="images/task_draw_reward_status_bg2.png" alt="task_draw_reward_status_bg" />
							</div>
							<img src="images/task_draw_reward_red_img.gif" alt="task_draw_reward_red_img" />
						</div>
					</div>
					<div class="task_fonts">
						<div class="task_fonts_left">阅读新闻20分钟</div>
						<div class="task_fonts_right">阅读新闻40分钟</div>
					</div>
				</div>
			</div>
			<div class="task_video">
				<div class="task_r_name">视频任务</div>
				<div class="task_con">
					<div class="task_con_icon">
						<div class="task_icon1">
							<div class="task_icon_already">
								<img src="images/task_draw_reward_status_bg2.png" alt="task_draw_reward_status_bg" />
							</div>
							<img src="images/task_draw_reward_blue_img.gif" alt="task_draw_reward_blue_img" />
						</div>
						<div class="task_line"></div>
						<div class="task_icon2">
							<div class="task_icon_already">
								<img src="images/task_draw_reward_status_bg2.png" alt="task_draw_reward_status_bg" />
							</div>
							<img src="images/task_draw_reward_gray_img.png" alt="task_draw_reward_gray_img" />
						</div>
					</div>
					<div class="task_fonts">
						<div class="task_fonts_left">观看视频30分钟</div>
						<div class="task_fonts_right">观看视频60分钟</div>
					</div>
				</div>
			</div>
			<div class="task_font_footer">
				每天阅读或者视频满指定时间，即可获得免费抽奖机会。抽奖机会需在当天完成，不能累加到第二天。
			</div>
		</div>

		<div class="rules">
			<div class="task_title">
				<img src="images/task_draw_reward_rule_title_img.png" alt="task_draw_reward_rule_title_img" />
			</div>
			<div class="rules_cover">
				<img src="images/task_draw_reward_rule_white_img.png" alt="task_draw_reward_rule_white_img" />
			</div>
			<div class="rules_con">
				<ul>
					<li>1、每人每天开局有<span>1</span>次免费抽奖机会；</li>
					<li>2、阅读新闻每20分钟获得<span>1</span>次免费抽奖机会，每天最多<span>2</span>次；</li>
					<li>3、观看视频每30分钟获得<span>1</span>次免费抽奖机会，每天最多<span>2</span>次；</li>
					<li>4、合计每人每天最多<span>5次免费抽奖机会；</span></li>
					<li>5、用户可以花金币购买抽奖机会，<span>200金币一次，次数无限；</span></li>
					<li>6、转盘分10份，分别设置为：10金币、20金币、50金币、100金币、150金币、200金币、250金币、300金币、500金币、900金币；</li>
					<li>7、抽奖结果以当次抽奖结束后显示窗口的内容为准；</li><br/>
					<li class="rules_li">温馨提醒：如果页面未及时显示您的免费机会，请尝试退出活动页面再重新进来哦。</li>
				</ul>
				<div id="rules_con_footer" class="rules_con_footer">本活动解释权归XXX所有</div>
			</div>
			<div class="rules_footer">点击查看规则</div>
		</div>
	</div>
</body>
</html>